<template>
    <div class="wrap">
	<header-v></header-v>
      
	<div class="news-content">
		<div class="here">
			<router-link to="">首页</router-link> <span> >> </span> <router-link to="">新闻中心</router-link>
		</div>
		<div class="content">
			<div class="title">
			  <p>新闻中心</p>
			  <img src="../../assets/xhx_01.jpg" alt="" />
			</div>
			<div class="tab">
			  <router-link to="">公司新闻</router-link>
			  <router-link to="">行业新闻</router-link>
			  <router-link to="">最新公告</router-link>
			  <router-link to="">养宠知识</router-link>
			</div>
			<ul class="news">
				<li>
					<router-link to="" class="news_title">注意青春期高血压</router-link>
					<p class="time">2014-10-08</p>
					<p class="desc">当人进入青春发育期，也就是十三、四岁时，其血压已开始接近成年人，如处于安静状态时，血压高于140/90毫米汞柱，就可以认为是血压偏高，被认为青春期......</p>
				</li>
				<li>
					<router-link to="" class="news_title">正确使用电子血压计应注意哪些问题？</router-link>
					<p class="time">2014-10-08</p>
					<p class="desc">一是每个人的血压在一天之内的变化很大。严格来说，人每一时刻的血压是不一样的，它是随着人的心理状态、时间、季节、气温的变化以及测量的部位（臂或腕）、体位（坐或卧）......</p>
				</li>
				<li>
					<router-link to="" class="news_title">看不懂的化验单</router-link>
					<p class="time">2014-10-13</p>
					<p class="desc">随着医学技术的发展，在医疗过程中进行的化验项目越来越多，它对诊断疾病起着重要的作用。因此，无论是医生还是患者，对于化验结果都很重视。</p>
				</li>
				<li>
					<router-link to="" class="news_title">高血压病的危险因素有哪些</router-link>
					<p class="time">2014-10-13</p>
					<p class="desc">1.高钠盐饮食 盐与高血压有关的主要证据，来自人群间的比较研究。限制高血压病人摄钠（食盐与含钠食品）则血压下降，服用利尿剂、排钠利水，血压也下降。在某些钠摄......</p>
				</li>
				<li>
					<router-link to="" class="news_title">新一代出版人以全新商业模式运作图书</router-link>
					<p class="time">2014-10-12</p>
					<p class="desc">读客 闯入出版业的“野蛮人” 　　这是行业，不是圈子。这是生意，不是沙龙 　　本刊记者 刘欣然 张欢 发自北京 广州 　　很长时间里图书都更被......</p>
				</li>
				<li>
					<router-link to="" class="news_title">运动预防糖尿病</router-link>
					<p class="time">2014-10-08</p>
					<p class="desc">随着医学技术的发展，在医疗过程中进行的化验项目越来越多，它对诊断疾病起着重要的作用。因此，无论是医生还是患者，对于化验结果都很重视。</p>
				</li>
			</ul>
			<div class="page">
				<router-link to="/" class="num"> <</router-link>
				<router-link to="/" class="num active">1</router-link>
				<router-link to="/" class="num">2</router-link>
				<router-link to="/" class="num">3</router-link>
				<router-link to="/" class="num"> > </router-link>
			</div>
		</div>
	</div>
      
    <footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
    components: {
        headerV : header,
        footerV : footer,
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css">
	/* newsList.style */
	.here {width:100%; height:0.44rem; background:rgb(247, 243, 231); padding-left:0.1rem;}
	.here a{color:rgb(102, 102, 102); line-height:0.44rem; font-size:0.13rem;}
	.here span{margin:0 0.08rem;}
	.tab{margin-bottom:0.15rem; overflow:hidden;}
	.tab a{width:0.7rem; height:0.32rem; background:rgba(246,171,74,1); color:#fff; line-height:0.32rem; text-align:center; display:block; float:left; margin-left:0.08rem;}
  .news{padding:0 0.1rem;}
	.news li{border-bottom:0.01rem solid #e2e2e2; margin-bottom:0.1rem;padding-bottom:0.1rem;}
	.news li .news_title{color:#5a5a5a; font-size:0.14rem;}
	.news li .news_title:hover{color:#ff9900;}
	.news li .time{color:#929292; line-height:0.25rem;}
	.news li .desc{color:#999;}
   
</style>
